<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%> 
<html>
<body class="easyui-layout list_body">
<form id="fourEleFlowLogForm" name="fourEleFlowLogForm" >
	<div class="list_body_north" data-options="region:'north'" border="false">
	 	<!-- 查询表单 -->
	 	<div  class="datagrid-toolbar" border="false"  >
				<span>所属机构:</span>
				<select id="ins_uuid" name="ins_uuid" class="easyui-combobox" style="width:240px;">
				    <option value="">--请选择机构--</option>
				    <c:if test="${appInses != null}">
				    	<c:forEach items="${appInses}" var="appIns">
						    <option value="${appIns.INS_UUID}">${appIns.INS_NAME}</option>
				    	</c:forEach>
				    </c:if>
				</select>
				<span>验证起始日期:</span>
				<input type="text" id="loc_dt" name="loc_dt" class="easyui-datebox" data-options="editable:false"/> 
				<span>验证结束日期:</span>
				<input type="text" id="loc_ts" name="loc_ts" class="easyui-datebox" data-options="editable:false"/>
				<span>是否收费:</span>
				<select id="rsp_code" name="rsp_code" class="easyui-combobox">
				    <option value="">--请选择--</option>
				    <option value="YQ_FOURELES_FFE_CODE_MSG">收费</option>
				    <option value="YQ_FOURELES_UFFE_CODE_MSG">不收费</option>
				</select><br/>
				<span>手机号码:</span>
				<input id="phone" type="text" name="phone"  class="easyui-textbox"/>
				<span>客户姓名:</span>
				<input id="name" type="text" name="name"  class="easyui-textbox"/>
				<span>银行卡号:</span>
				<input id="acct_no" type="text" name="acct_no"  class="easyui-textbox"/>
	
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-search" onclick="doSearch()">查询</a>
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-reload" onclick="resetForm()">重置</a>
		</div>
		<!-- 自定义标签工具栏 -->
		<jiepos:buttonOperateTag menuCode="${menuCode}"></jiepos:buttonOperateTag>
	</div>
	<div data-options="region:'center'" border="false" class="list_body_center">
		<!-- 表格 -->
	    <table id="fourEleFlowLogTableId" fit="true"></table>
    </div>
</form> 
	<script type="text/javascript">
		var grid;
		$(function(){
			grid = $("#fourEleFlowLogTableId").jpgrid({
				url: "getfourEleFlowLogListJson.do",
			    baseColumns : false,
				columns: [
					{title: "验证时间", field: "LOC_TS",width: 140},
					{title: "本地流水号", field: "LOC_TRACE_NO",width: 150},
					{title: "手机号码", field: "PHONE",width: 90},
					{title: "客户姓名", field: "NAME",width: 80},
					{title: "证件号", field: "CERTIFICATE_NO",width: 130},
					{title: "银行卡号", field: "ACCT_NO",width: 130},
					{title: "所属机构", field: "INS_NAME",width: 230},
					{title: "响应码-消息", field: "RSP_CODE",width: 300},
					{title: "渠道流水号", field: "CHANNEL_TRACE_NO",width: 230},
					{title: "响应时间", field: "RSP_TIME",width: 140}
				]
			});
		});
		/*查询*/
		function doSearch() {
			grid.load({
				name: $('#name').val(),
				acct_no: $('#acct_no').val(),
				phone: $('#phone').val(),
				ins_uuid: $("#ins_uuid").val(),
				loc_dt: $("#loc_dt").val(),
				loc_ts: $("#loc_ts").val(),
				rsp_code: $("#rsp_code").val()
			});
		}
		/*导出文件*/
		function exportFile(url){
			commonFileDownload(url, "fourEleFlowLogForm");
		}
	</script>
</body>
</html>
